
import {reactive, ref} from 'vue';

// 主题颜色 --el-color-primary
export const themeColors = reactive([
  {color:'#4165d7',name:'沉稳蓝'},
  // {color:'rgb(47, 52, 71)',name:'冷酷黑'},
  {color:'#51c21a',name:'草原绿'},
  {color:'#d0378d',name:'闷骚紫'}
])
export const themeIndex = ref(0)

export const themeColor = ()=>themeColors[themeIndex.value].color;


export const menuColors = reactive([
  {label:'黑色',bgcolor:'#2f3447',textColor:'#fff',value:0},
  {label:"白色",bgcolor:'#fff',textColor:'#555',value:1},
])

export const menuColorIndex = ref(0)

export const menuColor = ()=>menuColors[menuColorIndex.value];